<template>
	<view class="search-list">
		<search-item :keyword="keyword" v-for="item in list" :item="item" :key="item.id" @click.native="handleClick(item)"></search-item>
	</view>
</template>

<script>
	import SearchItem from './search-item/index.vue'
	export default {
		name: 'SearchList',
		components: { SearchItem },
		props: {
			keyword: {
				type: String || Number,
				default: ''
			},
			list: {
				type: Array,
				default() {
					return []
				}
			}
		},
		methods: {
			handleClick (item) {
				console.log(item)
				this.$Router.push({
					name: 'appeal_detail',
					params: {
						detail: JSON.stringify(item)
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.search-list {
		margin: 0 auto;
		margin-top: 20rpx;
		padding: 30rpx;
		width: 710rpx;
		// height: 1214rpx;
		min-height: calc(100vh - 105rpx);
		background: #FFFFFF;
		border-radius: 20rpx;
	}
</style>
